﻿
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>
    lanaln的
    手记
    </title>
<meta http-equiv="X-UA-Compatible" content="IE=edge, chrome=1">
<meta name="renderer" content="webkit">
<meta property="qc:admins" content="77103107776157736375" />
<meta property="wb:webmaster" content="c4f857219bfae3cb" />
<meta http-equiv="Access-Control-Allow-Origin" content="*" />
<meta http-equiv="Cache-Control" content="no-transform " />
<meta http-equiv="Content-Security-Policy" content="script-src 'self' 'unsafe-inline' 'unsafe-eval' *.imooc.com *.mukewang.com *.baidu.com *.sina.com.cn *.bootcss.com">
<meta name="keywords" content="慕课网，慕课官网，MOOC，移动开发，IT技能培训，免费编程视频，php开发教程，web前端开发，在线编程学习，html5视频教程，css教程，ios开发培训，安卓开发教程" />
<meta name="description" content="慕课网（IMOOC）是学习编程最简单的免费平台。慕课网提供了丰富的移动端开发、php开发、web前端、html5教程以及css3视频教程等课程资源。它富有交互性及趣味性，并且你可以和朋友一起编程。" />







<link rel="stylesheet" href="css/moco.min_1.css" type="text/css" />

<script type="text/javascript">

eval(function(p,a,c,k,e,d){e=function(c){return(c<a?"":e(parseInt(c/a)))+((c=c%a)>35?String.fromCharCode(c+29):c.toString(36))};if(!''.replace(/^/,String)){while(c--)d[e(c)]=k[c]||e(c);k=[function(e){return d[e]}];e=function(){return'\\w+'};c=1;};while(c--)if(k[c])p=p.replace(new RegExp('\\b'+e(c)+'\\b','g'),k[c]);return p;}('!4(){3 6=a;3 l=4(){3 b,e=9 y("(^| )"+"c=([^;]*)(;|$)");j(b=h.g.z(e)){k w(b[2])}x{k a}};3 8=4(t){3 f=l();3 7=9 o();7.A(7.d()+B*i*i*r);h.g="c="+t+";s="+7.M()+";N=/;L=O.m";j(t&&t!=f){Q.P.G()}};3 5=9 E();5.H=4(){K(6);6=a;8(0)};5.J=4(){8(1)};6=I(4(){5.n="";8(1)},F);5.n=\'R://p.u.m/p/v/q/D.C?t=\'+9 o().d()}()',54,54,'|||var|function|imgobj|timer|exp|setcookie|new|null|arr|IMCDNS|getTime|reg|_0|cookie|document|60|if|return|getcookie|com|src|Date|static|common|1000|expires||mukewang|img|unescape|else|RegExp|match|setTime|24|png|logo|Image|3000|reload|onload|setTimeout|onerror|clearTimeout|domain|toGMTString|path|imooc|location|window|http'.split('|'),0,{}))

</script>


<script type="text/javascript">

var OP_CONFIG={"module":"u","page":"articles"};
var isLogin = 0;
var is_choice = "";
var seajsTimestamp="v=201705081743";
var _msg_unread = 0; 
var _not_unread = 0; 
var _cart_num = 0;
</script>





<link rel="stylesheet" href="css/layer.css" />



<script>
window._bd_share_config = {
    "share" : [
        
        ]
};
</script>

<link rel="stylesheet" href="css/32dfa4aa4123429d8276bcf9eb6b108f.css" type="text/css" />
</head>
<body >

<div id="header">
    <div class="page-container" id="nav">
        <div id="logo" class="logo"><a href="/" target="_self" class="hide-text" title="首页">慕课网</a></div>


        <button type="button" class="navbar-toggle visible-xs-block js-show-menu" >
            <i class="icon-menu"></i>
        </button>
        <ul class="nav-item">
                        <li class="set-btn visible-xs-block"><a href="/user/newlogin" target="_self">登录</a> / <a href="/user/newsignup" target="_self">注册</a></li>
                        
            <li>
                <a href="/course/list"  target="_self">课程</a>
            </li>
            <li><a href="http://class.imooc.com" class="program-nav " target="_self">职业路径<i class="icn-new"></i></a></li>
            <li>
                <a href="http://coding.imooc.com" target="_self">实战</a>
            </li>
            <li><a href="/wenda"  target="_self">猿问</a></li>
            <li><a href="/article"  target="_self">手记</a></li>
            
        </ul>
                <div id="login-area">
            <ul class="header-unlogin clearfix">
                <li class="shop-cart" id="shop-cart">
                    <a href="http://order.imooc.com/pay/cart" class="shop-cart-icon" target="_blank">
                        <span class="icon-shopping-cart js-endcart"></span>
                        <span class="shopping_icon js-cart-num" data-ordernum="0"  data-cartnum="0" style='display: none'>0</span>
                        <span>购物车</span>
                    </a>
                    <div class="my-cart" id="js-my-cart"></div>
                </li>
                <li class="header-signin">
                    <a href="#" id="js-signin-btn">登录</a>
                </li>
                <li class="header-signup">
                    <a href="#" id="js-signup-btn">注册</a>
                </li>
            </ul>
        </div>
                <div class='search-warp clearfix' style='min-width: 32px; height: 60px;'>
                            <div class="pa searchTags" >
                                    <a href="http://class.imooc.com/sc/20" target="_blank">前端小白</a>
                                    <a href="http://class.imooc.com/sc/22" target="_blank">PHP入门</a>
                                </div>
            
            <div class="search-area" data-search="top-banner">
                <input class="search-input" data-suggest-trigger="suggest-trigger"      type="text" autocomplete="off">
                <input type='hidden' class='btn_search' data-search-btn="search-btn" />
                <ul class="search-area-result" data-suggest-result="suggest-result">
                </ul>
            </div>
            <div class='showhide-search' data-show='no'><i class='icon-search'></i></div>
        </div>
    </div>
</div>

<div class="bindHintBox js-bindHintBox hide">
    <div class="pr">
        为了账号安全，请及时绑定邮箱和手机<a href="/user/setbindsns" class="ml20 color-red" target="_blank">立即绑定</a>
        <button  class="closeBindHint js-closeBindHint" type="button"></button>
        <div class="arrow"> </div>
    </div>
</div>


<div id="main">

<div class="bg-other user-head-info">
    <div class="user-info">
        <h3 class="user-name clearfix">
            <span>lanaln</span>
            
            
                                   </h3>
        <!--25-->
        <p class="about-info">
            
        <span class='gender girl' title='女'></span>
        
         
        
                
                    
                        <span class="u-info-learn">
                            学习时长 <em>18分</em>
                    </span>
                <span class='u-info-credit'>
           
                                积分<em>1</em>
                  
        </span>
        <span class="u-info-mp">
           
                                经验<em>0</em>
                        </span>

        </p>
                 <p class="user-desc">这位同学很懒，木有签名的说～</p>       
                
        <div class="study-info clearfix">
                                <div class="item follows">
                                                <a href='/u/5306006/follows'><em>1</em></a>
                                        
                        <span>关注</span>
                    </div>
                    <div class="item followers">
                                                    <a href='/u/5306006/fans'><em>0</em></a>
                                                <span>粉丝</span>
                    </div>
                        
        </div><!--.study-info end-->
    </div><!-- .user-info end -->
</div><!-- .big-pic end -->
<div class="wrap">
        
<div class="slider">
        <div class="user-pic" data-is-fans="" data-is-follows="">
            <div class="user-pic-bg"></div><!--user-pic-big end-->
            <img class='img' src="picture/591532c50001579d01000100-200-200.jpg" alt=""/>
            
                    

                           
                   
                    
                    <div class="friend mail js-fans-msg  " data-uid='5306006' data-type="3">
                        <a >
                         <i class="icon-mail"></i>
                         
<style type="text/css">
    .u-info-tips{
        background-color: #ccc;
        display: block;        
        color: #fff;
        position: relative;
        left: -68px;
        top: 8px;
        text-align: center;
        z-index: 2;
        border-radius: 3px;
        padding: 20px;
        min-width: 146px;
        text-align: left;
        display: none;

    }
    .u-info-tips .icon-drop_up{
        position: absolute;
        left: 80px;
        top: -27px;
        color: #ccc;
        font-size: 26px!important;
    }
    .u-info-follow-tip{
        background-color: #00c850;
    }
    .u-info-follow-tip .icon-drop_up{        
        color: #00c850!important;
    }
    .u-info-follow-tip .title{
        font-weight: bold;
        font-size: 16px;
        color: #fff;        
    }
    .u-info-follow-tip .content{
        margin-top: 10px;
        display: block;
        font-size: 12px;
    }

    .u-info-alreadyfollow-tip{
         background-color: #008cc8;
    }
    .u-info-alreadyfollow-tip .icon-drop_up{ 
        color: #008cc8!important;
    }
    .u-info-alreadyfollow-tip .title{
        font-weight: bold;
        font-size: 16px;
        color: #fff;        
    }
    .u-info-alreadyfollow-tip .content{
        margin-top: 10px;
        display: block;
        font-size: 12px;
    }      

    .u-info-fans-tip{
        background-color: #008cc8;
    }
    .u-info-fans-tip .icon-drop_up{
        color: #008cc8!important;
    }
    .u-info-fans-tip .title{
        font-weight: bold;
        font-size: 16px;
        color: #fff;        
    }
    .u-info-fans-tip .content{
        margin-top: 10px;
        display: block;
        font-size: 12px;
        color: #fff;
    }
    .u-info-tips .cancel-follow{
        font-size: 12px;
        display: block;
        color: #fff;
        opacity: 0.5;
        margin-top: 10px;
    }    
</style>


<div class="u-info-tips u-info-fans-tip" data-type="3">    
    <span class="title">你和Ta已互相关注</span>
    <p class="content">相互关注后可及时了解Ta的动态信息，可进行即时聊天。</p>
     
        <a href="Javascript:" class="cancel-follow" data-uid=5306006>取消关注</a>    
        <i class="icon-drop_up"></i>
</div>                        </a>
                    </div>
                   
                    
                        <div class="friend mail js-already-follow  " data-uid='5306006' data-type="2">
                            <a >
                            <i class="icon-mail"></i>
                            </a>
                            
<style type="text/css">
    .u-info-tips{
        background-color: #ccc;
        display: block;        
        color: #fff;
        position: relative;
        left: -68px;
        top: 8px;
        text-align: center;
        z-index: 2;
        border-radius: 3px;
        padding: 20px;
        min-width: 146px;
        text-align: left;
        display: none;

    }
    .u-info-tips .icon-drop_up{
        position: absolute;
        left: 80px;
        top: -27px;
        color: #ccc;
        font-size: 26px!important;
    }
    .u-info-follow-tip{
        background-color: #00c850;
    }
    .u-info-follow-tip .icon-drop_up{        
        color: #00c850!important;
    }
    .u-info-follow-tip .title{
        font-weight: bold;
        font-size: 16px;
        color: #fff;        
    }
    .u-info-follow-tip .content{
        margin-top: 10px;
        display: block;
        font-size: 12px;
    }

    .u-info-alreadyfollow-tip{
         background-color: #008cc8;
    }
    .u-info-alreadyfollow-tip .icon-drop_up{ 
        color: #008cc8!important;
    }
    .u-info-alreadyfollow-tip .title{
        font-weight: bold;
        font-size: 16px;
        color: #fff;        
    }
    .u-info-alreadyfollow-tip .content{
        margin-top: 10px;
        display: block;
        font-size: 12px;
    }      

    .u-info-fans-tip{
        background-color: #008cc8;
    }
    .u-info-fans-tip .icon-drop_up{
        color: #008cc8!important;
    }
    .u-info-fans-tip .title{
        font-weight: bold;
        font-size: 16px;
        color: #fff;        
    }
    .u-info-fans-tip .content{
        margin-top: 10px;
        display: block;
        font-size: 12px;
        color: #fff;
    }
    .u-info-tips .cancel-follow{
        font-size: 12px;
        display: block;
        color: #fff;
        opacity: 0.5;
        margin-top: 10px;
    }    
</style>


<div class="u-info-tips u-info-alreadyfollow-tip" data-type="2">    
    <span class="title">已成功关注Ta</span>
    <p class="content">关注后可及时了解Ta的动态，并可向Ta发送即时消息。</p>
     
        <a href="Javascript:" class="cancel-follow" data-uid=5306006>取消关注</a>    
        <i class="icon-drop_up"></i>
</div>
                        </div>
                    
                 
                    <div class="friend group_add js-add-follow  " data-uid='5306006' data-type="1">
                        <i class="icon-group_add"></i>
                        
<style type="text/css">
    .u-info-tips{
        background-color: #ccc;
        display: block;        
        color: #fff;
        position: relative;
        left: -68px;
        top: 8px;
        text-align: center;
        z-index: 2;
        border-radius: 3px;
        padding: 20px;
        min-width: 146px;
        text-align: left;
        display: none;

    }
    .u-info-tips .icon-drop_up{
        position: absolute;
        left: 80px;
        top: -27px;
        color: #ccc;
        font-size: 26px!important;
    }
    .u-info-follow-tip{
        background-color: #00c850;
    }
    .u-info-follow-tip .icon-drop_up{        
        color: #00c850!important;
    }
    .u-info-follow-tip .title{
        font-weight: bold;
        font-size: 16px;
        color: #fff;        
    }
    .u-info-follow-tip .content{
        margin-top: 10px;
        display: block;
        font-size: 12px;
    }

    .u-info-alreadyfollow-tip{
         background-color: #008cc8;
    }
    .u-info-alreadyfollow-tip .icon-drop_up{ 
        color: #008cc8!important;
    }
    .u-info-alreadyfollow-tip .title{
        font-weight: bold;
        font-size: 16px;
        color: #fff;        
    }
    .u-info-alreadyfollow-tip .content{
        margin-top: 10px;
        display: block;
        font-size: 12px;
    }      

    .u-info-fans-tip{
        background-color: #008cc8;
    }
    .u-info-fans-tip .icon-drop_up{
        color: #008cc8!important;
    }
    .u-info-fans-tip .title{
        font-weight: bold;
        font-size: 16px;
        color: #fff;        
    }
    .u-info-fans-tip .content{
        margin-top: 10px;
        display: block;
        font-size: 12px;
        color: #fff;
    }
    .u-info-tips .cancel-follow{
        font-size: 12px;
        display: block;
        color: #fff;
        opacity: 0.5;
        margin-top: 10px;
    }    
</style>


<div class="u-info-tips u-info-follow-tip" data-type="1">    
    <span class="title">关注Ta</span>
    <p class="content">关注后可及时了解Ta的动态信息，并可向Ta发送即时消息</p>
        <i class="icon-drop_up"></i>
</div>
                    </div>
                 
                    </div>

        <ul>

                
             
         <li>
            <a href="/u/5306006" >
            <i class="icon-home"></i><span>主页</span><b class="icon-drop_right"></b>
            </a>
        </li>
        
    
                         
                     
            <li>
            <a href="/u/5306006/courses" >
            <i class="icon-tick"></i><span>课程</span><b class="icon-drop_right"></b>
            </a>
        </li>     
                         
                
                         
             <li>
            <a href="/u/5306006/plans" >
            <i class="icon-plan"></i><span>路径</span><b class="icon-drop_right"></b>
            </a>
         </li>
                         
             <li>
            <a href="/u/5306006/bbs" >
            <i class="icon-yuanwen"></i><span>猿问</span><b class="icon-drop_right"></b>
            </a>
         </li>
                         
            <li>
            <a href="/u/5306006/articles" class="active">
            <i class="icon-blog"></i><span>手记</span><b class="icon-drop_right"></b>
            </a>
        </li>
                         
            <li>
            <a href="/u/5306006/wikis" >
            <i class="icon-wiki"></i><span>wiki</span><b class="icon-drop_right"></b>
            </a>
        </li>
    
             
        </ul>
</div><!-- .slider end -->    <div class="u-container">

<div id='articleMain' class='article-main'>

    <ul class="clearfix toptab">
        <li class="tabactive">
            <a href="/u/5306006/articles">Ta的手记</a>
        </li>
        <li class="">
            <a href="/u/5306006/articles?type=collect">Ta的收藏</a>
        </li>
        <li class="">
            <a href="/u/5306006/articles?type=praise">Ta的推荐</a>
        </li>
        <li class="">
            <a href="/u/5306006/articles?type=comment">Ta的评论</a>
        </li>
        <div class="left_warp">
                        <!-- dropdown -->
            <div class="mc-dropdown">
                <button class="drop-btn">标&nbsp;&nbsp;签
                <i class="icon-drop_down arrows"></i>
                </button>
                <i class="fill-i"></i>
                <div class="drop-pane">
                    <div class="drop-inner">
                        
                            
                             <a href="/u/5306006/articles" class="mc-gray-label">全部手记(0)</a>   
                                                 
                    </div>                    
                </div>
            </div>
                                </div>        
    </ul>
    
                    <p class='notattend'>Ta还没有任何原创手记</p>
            </div>
</div><!-- .container end -->
</div><!-- .wrap end-->

</div>

<div id="footer" >
    <div class="waper">
        <div class="footerwaper clearfix">
            <div class="followus r">
                <a class="followus-weixin" href="javascript:;"  target="_blank" title="微信">
                    <div class="flw-weixin-box"></div>
                </a>
                <a class="followus-weibo" href="http://weibo.com/u/3306361973"  target="_blank" title="新浪微博"></a>
                <a class="followus-qzone" href="http://user.qzone.qq.com/1059809142/" target="_blank" title="QQ空间"></a>
            </div>
            <div class="footer_intro l">
                <div class="footer_link">
                    <ul>
                        <li><a href="http://www.imooc.com/" target="_blank">网站首页</a></li>
                        <li><a href="/about/cooperate" target="_blank" title="企业合作">企业合作</a></li>
                        <li><a href="/about/job" target="_blank">人才招聘</a></li>
                        <li> <a href="/about/contact" target="_blank">联系我们</a></li>
                        <li> <a href="/about/recruit" target="_blank">讲师招募</a></li>
                        <li> <a href="/about/faq" target="_blank">常见问题</a></li>
                        <li> <a href="/user/feedback" target="_blank">意见反馈</a></li>
                        <li><a href="http://daxue.imooc.com/" target="_blank">慕课大学</a></li>
                        <li> <a href="/about/friendly" target="_blank">友情链接</a></li>
                       <!--  <li><a href="/corp/index" target="_blank">合作专区</a></li>
                        <li><a href="/about/us" target="_blank">关于我们</a></li> -->
                    </ul>
                </div>
                <p>Copyright © 2017 imooc.com All Rights Reserved | 京ICP备 13046642号-2</p>
            </div>
        </div>
    </div>
</div>


<div id="J_GotoTop" class="elevator">

    <a href="/user/feedback" class="elevator-msg" target="_blank">
        <i class="icon-feedback"></i>
        <span class="">意见反馈</span>
    </a>
    <a href="/about/faq" class="elevator-faq" target="_blank">
        <i class="icon-ques"></i>
        <span class="">常见问题</span>
    </a>
    <a href="http://www.imooc.com/mobile/app" target="_blank" class="elevator-app" >
        <i class="icon-appdownload"></i>
        <span class="">APP下载</span>
        <div class="elevator-app-box"></div>
    </a>
    <a href="javascript:void(0)" class="elevator-weixin no-goto" id="js-elevator-weixin" >
        <i class="icon-wxgzh"></i>
        <span class="">官方微信</span>
        <div class="elevator-weixin-box"></div>
    </a>
    <a href="javascript:void(0)" class="elevator-top no-goto" style="display:none" id="backTop">
        <i class="icon-up2"></i>
        <span class="">返回顶部</span>
    </a>
</div>



<!--script-->
<script src="js/ssologin.js"></script>
<script type="text/javascript" src="js/sea.js"></script>
<script type="text/javascript" src="js/sea_config.js"></script>
<script type="text/javascript">seajs.use("/static/page/"+OP_CONFIG.module+"/"+OP_CONFIG.page);</script>




<style type="text/css">.myClassList table td dl dd { margin-top:88px } #face_panel { z-index:99999999 }</style>

<div id="layer_sendmsg" class="font-colorg" style="display:none">

</div>


<div style="display: none">
<script type="text/javascript">
var _bdhmProtocol = (("https:" == document.location.protocol) ? " https://" : " http://");
document.write(unescape("%3Cscript src='" + _bdhmProtocol + "hm.baidu.com/h.js%3Ff0cfcccd7b1393990c78efdeebff3968' type='text/javascript'%3E%3C/script%3E"));
(function (d) {
window.bd_cpro_rtid="rHT4P1c";
var s = d.createElement("script");s.type = "text/javascript";s.async = true;s.src = location.protocol + "//cpro.baidu.com/cpro/ui/rt.js";
var s0 = d.getElementsByTagName("script")[0];s0.parentNode.insertBefore(s, s0);
})(document);
</script>
<script>
(function(){
    var bp = document.createElement('script');
    bp.src = '//push.zhanzhang.baidu.com/push.js';
    var s = document.getElementsByTagName("script")[0];
    s.parentNode.insertBefore(bp, s);
})();
</script>
</div>
</body>
</html>
